<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<!--这3个meta标签必须放在最前面-->
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!--引入BootStrap核心CSS文件，地址先验证是否可用-->
	<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
	<!--先引入jQuery文件-->
	<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
	<!--再引入BootStramp的核心JS文件-->
	<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<title>页面左侧栏部分</title>
</head>
<body>
	<div class="panel-group col-sm-2">
				<ul class="nav nav-pills nav-stacked emp_sidebar">
					<li class="active" role="presentation">
						<a href="#" data-toggle="collapse" data-target="#collapse_emp">
							<span class="glyphicon glyphicon-user" aria-hidden="true">员工管理</span>
						</a>
						<ul class="nav nav-pills nav-stacked" id="collapse_emp">
							<li role="presentation"><a href="#">员工信息</a></li>
							<li role="presentation"><a href="#">员工新增</a></li>
							<li role="presentation"><a href="#">员工清零</a></li>
						</ul>
					</li>
				</ul>
				<ul class="nav nav-pills nav-stacked dept_sidebar">
					<li class="active" role="presentation">
						<a href="#" data-toggle="collapse" data-target="#collapse_dept">
							<span class="glyphicon glyphicon-cloud" aria-hidden="true">部门管理</span>
						</a>
						<ul class="nav nav-pills nav-stacked" id="collapse_dept">
							<li role="presentation"><a href="#">部门信息</a></li>
							<li role="presentation"><a href="#">部门新增</a></li>
							<li role="presentation"><a href="#">部门清零</a></li>	
						</ul>
					</li>
				</ul>
			</div>
</body>
</html>